var NINdisp='0',NINuserID='0800801',NINCtAry=new Array(3,1,1,1,1,4,3),NINctSV='ct1.shinobi.jp';
var Weeker = new Array('Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat');
var colors = new Array('#FFC0CB', '#FFFFFF', '#FFFFFF', '#FFFFFF', '#FFFFFF', '#FFFFFF', '#87CEEB');
var sid, NINbflag = 1, clickX, clickY;
var cturl='http://'+NINctSV+'/gg/' + NINuserID;

function NINfn(evt, flg){
	clickX = NINMXS(evt);
	clickY = NINMYS(evt);
	if(document.getElementById){
		var ctlay = document.getElementById("NINCtLay");
		if (!flg) {
			//ctlay.style.visibility = 'hidden';
			ctlay.style.display = 'none';
			if(sid) {
				clearInterval(sid);
			}
		} else {
			//ctlay.style.visibility = 'visible'; 
			ctlay.style.display = 'block';
			if (NINdisp == 0) {
				if (ctlay.innerHTML == '') {
					ctlay.innerHTML = NINtyday();
				}
			} else if (NINdisp == 1) {
				if (ctlay.innerHTML == '') {
					ctlay.innerHTML = NINweek();
					var today = document.getElementById('today');
					today.childNodes[0].nodeValue = Weeker[(new Date()).getDay()];
				}
				NINbflag = 0;
				sid = setInterval(blink, 500);
			}
			setGraph();
		}
	}
	return false;
}

function setGraph () {
	var posX, posY;
	var spn = document.getElementById("NINspn");
	var cpos = document.getElementById("NINCpos");
	var ctlay = document.getElementById("NINCtLay");
	var ctimg = document.getElementById("NINCtImg");
	var w = document.body.clientWidth;
	var h = document.body.clientHeight;
	posX = 0;
	posY = ctimg.offsetTop + ctimg.clientHeight;
	if (ctimg.clientWidth && ctlay.clientWidth) {
		if (spn.offsetLeft < Math.abs((ctimg.clientWidth / 2) - (ctlay.clientWidth / 2))) {
			posX = 0;
		} else if (clickX > w - ctlay.clientWidth) {
			posX = ctimg.clientWidth - ctlay.clientWidth;
		} else {
			posX = (ctimg.clientWidth / 2) - (ctlay.clientWidth / 2);
		}
	}
	if (clickX > w/2) {}
	if(navigator.userAgent.indexOf("Opera",0) == -1) {
		if (spn.offsetTop > h - ctlay.clientHeight) {
			posY = (ctlay.clientHeight) * -1;
		}
	}
	cpos.style.left = posX + "px";
	cpos.style.top = posY + "px";
}

function NINtyday () {
	var retval = '';
	retval += '<div id="NINgp" style="border:1px solid #000000;background-color:#FFFFFF;width:170px">';
	retval += '<table border="0" cellspacing="0" cellpadding="2" style="width:100%;">';
	retval += '<tr>';
	retval += '<td><img src="http://www.ninja.co.jp/img/icon_04.gif" width="38" height="38" alt="" /></td>';
	retval += '<td style="width:100%;padding-right:4px;">';
	retval += '<table width="100%" border="0" cellspacing="0" cellpadding="0" style="color:#000000;font-size:12px;height:32px;">';
	retval += '<tr>';
	retval += '<td style="color:#000000;font-size:12px;text-align:left;font-family:\'Times New Roman\',Times,serif;">Today:</td>';
	retval += '<td style="color:#000000;font-size:12px;text-align:right;font-weight:bold;font-family:\'Times New Roman\',Times,serif;">'+NINCtAry[0]+'</td>';
	retval += '</tr>';
	retval += '<tr>';
	retval += '<td style="color:#000000;font-size:12px;text-align:left;font-family:\'Times New Roman\',Times,serif;">Yesterday:</td>';
	retval += '<td style="color:#000000;font-size:12px;text-align:right;font-weight:bold;font-family:\'Times New Roman\',Times,serif;">'+NINCtAry[1]+'</td>';
	retval += '</tr>';
	retval += '</table>';
	retval += '</td>';
	retval += '</tr>';
	retval += '<tr>';
	retval += '<td colspan="2" style="color:#FFFFFF;font-size:12px;text-align:center;background-color:#000000;padding:2px;;font-family:\'Times New Roman\',Times,serif;">NINJA TOOLS</td>';
	retval += '</tr>';
	retval += '</table>';
	retval += '</div>';
	return retval;
}

function NINweek () {
	var retval = '';
	var NINCtAryMax = 0;
	var NINtimer = (new Date()).getTime();
	for(var i = 0; i < 7; i++) {
		if(NINCtAry[i] > NINCtAryMax) {
			NINCtAryMax = NINCtAry[i];
		}
	}
	retval += '<div id="NINgp" style="border:1px solid #000000;background-color:#FFFFFF;">';
	retval += '<table border="0" cellspacing="0" cellpadding="0" style="font-family:\'Times New Roman\',Times,serif;">';
	retval += '<tr style="color:#000000;font-size:11px;font-weight:normal;line-height:normal;font-style:normal;text-align:center;vertical-align:bottom;font-variant:normal;">';
	for(var i = 6; i >= 0; i--) {
		retval += '<td>';
		retval += NINCtAry[i] + '<br>';
		retval += '<img src="http://ct2.shinobi.jp/img/bar2.gif" width="6" height="' + (66 * NINCtAry[i] / NINCtAryMax) + '">';
		retval += '</td>';
	}
	retval += '</tr>';
	retval += '<tr style="font-size:10px; color:#FFFFFF; background-color:#444444; text-align:center; padding:1px;">';
	for(var i = 6; i > 0; i--) {
		NINDate = new Date();
		NINDate.setTime(NINtimer - 24 * 60 * 60 * i * 1000);
		retval += '<td nowrap="nowrap" style="font-size:10px;color:' + colors[NINDate.getDay()] + '">' + Weeker[NINDate.getDay()] + '</td>';
	}
	retval += '<td id="today" nowrap="nowrap" style="font-size:10px;color:' + colors[(new Date()).getDay()] + '">';
	retval += Weeker[(new Date()).getDay()];
	retval += '</td>';
	retval += '</tr>';
	retval += '<tr>';
	retval += '<td colspan="7" nowrap="nowrap" style="color:#FFFFFF;font-size:12px;text-align:center;background-color:#000000;padding:2px">NINJA TOOLS</td>';
	retval += '</tr>';
	retval += '</table>';
	retval += '</div>';
	return retval;
}

function blink() {
	var today = document.getElementById('today');
	if(NINbflag == 1) {
		//today.childNodes[0].nodeValue = '';
		today.style.color = '#444444';
		NINbflag = 0;
	} else {
		//today.childNodes[0].nodeValue = Weeker[(new Date()).getDay()];
		today.style.color = colors[(new Date()).getDay()];
		NINbflag = 1;
	}
}

function NINMXS(e) {
	if(document.all) return window.event.clientX;
	else if(document.layers || document.getElementById ) return e.clientX;
}

function NINMYS(e) {
	if(document.all) return window.event.clientY;
	else if(document.layers || document.getElementById ) return e.clientY;
}

document.write('<span id="NINspn" style="position:relative;">');
document.write('<a href="' + cturl + '" target="_blank">');
document.write('<img id="NINCtImg" src="http://'+NINctSV+'/im/' + NINuserID + '" border="0" onmouseover="NINfn(event, 1);" onmouseout="NINfn(event, 0);" style="z-index:auto;">');
document.write('</a>');
document.write('<div id="NINCpos" style="position:absolute; z-index:auto;overflow-x:visible;"><div id="NINCtLay" style="position:absolute;top:0px;left:0px;visibility:visible;display:none;text-align:left;"></div></div>');
document.write('</span>');